<div class="col-sm-12 mt20" ng-keyup="myKeyup($event)">

<!-- searchArea -->

<div class="panel panel-default">
    <div class="panel-body">
        <div class="col-sm-12" style="margin-bottom: 20px">
            <div class="row mt10">
                <div class="col-sm-2 col-sm-offset-2 pull-right">
                    <button class="btn btn-block btn-success " ng-click="add()">添加</button> 
                </div>
            </div>
        </div>
        <table class="table table-condensed table-hover table-bordered">
            <thead>
                <tr>
                    <th class="col-md-2 text-center">联系人编号</th>
                    <th class="col-md-2 text-center">联系人姓名</th>
                    <th class="col-md-2 text-center">手机号码</th>
                    <th class="col-md-3 text-center">负责产品类型</th>
                    <th class="col-md-1 text-center">操作</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="info in a"> 
                    <td  style="width: 20% ;text-align:center"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;cursor:pointer;" title="{{info.employee_code}}">{{info.employee_code}}</div></td>
                    <td  style="width: 20% ;text-align:center"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;cursor:pointer;" title="{{info.name}}">{{info.name}}</div></td>
                    <td  style="width: 20%;text-align:center"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;cursor:pointer;" title="{{info.mobile}}">{{info.mobile}}</div></td>                  
                    <td  style="width: 30%;text-align:center"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;cursor:pointer;" title="{{info.product_type}}">{{info.product_type}}</div></td> 
                    <td  style="width: 10%;text-align:center;overflow-x:hidden;overflow-y:hidden;vertical-align: middle">
                        <div class="pull-left " style=" text-align: center;width: 50%;vertical-align: middle">
                                <button type="button" class="btn btn-info btn-xs" ng-click="modify($index)" style="vertical-align: middle">修改</button>
                        </div>
                        <div class="pull-left " style=" text-align: center;width: 50%;vertical-align: middle">
                               <button type="button" class="btn btn-danger btn-xs" ng-click="delete($index)" >删除</button>
                        </div> 
                    </td>
                </tr>
            </tbody>
        </table>
        <div class="text-right">
             <pagination 
                total-items="totalItems" 
                ng-model="currentPage" 
                ng-change="pageChanged()"
                previous-text="上一页" 
                next-text="下一页" 
                first-text="首页" 
                last-text="尾页" 
                max-size="5" 
                boundary-links="true"
                rotate="false"
                items-per-page="itemsPerPage"
                class="m-t-none m-b">
            </pagination>
        </div>
    </div>
</div>

</div>